import React from "react";
import { SimpleLink } from "../wangTypes/index";
import { Carousel, Image } from "antd";
const Banner: React.FC = () => {
  const url = [
    "../../public/wangImages/1.jpg",
    "../../public/wangImages/2.jpg",
    "../../public/wangImages/3.jpg",
    "../../public/wangImages/4.jpg",
    "../../public/wangImages/5.jpg",
  ];
  return (
    <div className="banner">
      <div className="main-banner">
        {/* 主轮播图内容 */}
        <div
          style={{
            width: "100%",
            height: "100%",
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
          }}
        >
          <Carousel className="carousel" autoplay  style={{ width: "1400px", height: "400px" }}>
            {url.map((item, index) => {
              return (
                <div key={index}>
                  <Image preview={false} height={"100%"} width={"100%"} src={item} />
                </div>
              );
            })}
          </Carousel>
        </div>
      </div>
    </div>
  );
};

export default Banner;
